<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>notice page</title>
		<link rel='stylesheet' type='text/css' href='/static/view/css/head.css'/>
		<link rel='stylesheet' type='text/css' href='/static/view/css/notice.css'/>
		<link rel='stylesheet' type='text/css' href='/static/view/css/common.css'/>
	</head>
	<body>
		<div id='header'><include file="public:header"/></div>
		<div id='notice-body'>
		
			<div id='notice-navi'>
				<ul>
				<li><h3>通知</h3></li>
				<li id='message'>消息</li>
				<li id='remind'>提醒</li>
				</ul>
			</div>
			
			<div id='notice-content'>
			
			</div>
			
		</div>
		
		<div id='footer'><include file="public:footer"/></div>
	</body>
	<script type='text/javascript' src='/static/view/js/jquery-1.8.3.js'></script>
	<script type='text/javascript'>
		$(document).ready(function(){
			
			//$('#header').load('/public/header.html');
			
			//$('#footer').load('/public/footer.html');
			
			$('#message').click(function(){
				$('#notice-content').html("<div id='message-navi'><ul><li id='not-read-message'>未读消息</li><li id='read-message'>已读消息</li><li id='send-message'>发送消息</li></ul></div>");	
		
			});
			
			$('#not-read-message').click(function(){
				alert('OK');
			});
			
			$('#remind').click(function(){
				$('#notice-content').html("<div id='remind-navi'><ul><li>未读提醒</li><li>已读提醒</li></ul></div>");
			});
			
			
		});
	
	
	</script>
</html>